function render(trackList) {
    //1.找到需要插入的容器元素
    var tbody=document.querySelector('tbody')

    //2.遍历音频列表
    for(var i in trackList){
       var track=trackList[i]
       var html=`<tr><td>${track.tid}</td><td>${track.title}</td><td>${track.refCount}</td></tr>`
       //3.添加每个音频的html到容器元素中
       tbody.innerHTML+=html
    }
}

function renderNoLogin(){
     var who=document.querySelector('.who')
     who.textContent='必须登录之后才能使用'
}

function renderWho(user){
     document.querySelector('.who').textContent=user.username
}

function renderPagination(pagination){
      var currentPage=parseInt(pagination.currentPage)
      //当前页面为第一页，没有上一页
      if(currentPage==1){
          document.querySelector('.prevPage').href+=currentPage
      }else{
          document.querySelector('.prevPage').href+=(currentPage-1)
      }
      document.querySelector('.countPerPage').textContent=pagination.countPerPage
      document.querySelector('.currentPage').textContent=pagination.currentPage
      document.querySelector('.totalPage').textContent=pagination.totalPage
      if(currentPage==parseInt(pagination.totalPage)){
          document.querySelector('.nextPage').href+=currentPage
      }else{
          document.querySelector('.nextPage').href+=(currentPage+1)
      }
      document.querySelector('.lastPage').href+=pagination.totalPage;
}

//执行这个方法时，说明所有资源都被加载好了
window.onload=function(){
      //1.发起ajax请求
      var xhr=new XMLHttpRequest()
      xhr.open('get','/studio/track/list.json'+location.search)
      xhr.onload=function(){
          if(xhr.status!==200){
             alert('快去检查以下吧，后端JSON出错了')
             return
          }
          //2.增加调试信息
          console.log(this.responseText)

          var data=JSON.parse(this.responseText)
          //3.判断是否登录了
          if(!data.currentUser){
             //没有登录
             renderNoLogin()
             return
         }

         //登录了
         renderWho(data.currentUser)
         renderPagination(data.pagination)
         render(data.trackList)
     }
     //对JSON的请求是从这里发出去的
     xhr.send()
}